<!--表格操作栏-->
<eui-panel [collapsible]="false" [collapsed]="true"
           [panelStyle]=""
           [headerStyle]="{padding: '2px 0px'}"
           [bodyStyle]="{padding:'10px 0px'}"
           [footerStyle]="{padding:'5px 0px', marginBottom:'1px', marginTop:'1px'}">
  <eui-panel-header>
    <div class="f-row text-center">
      <div class="f-full"><h3>{{componentTitle}}</h3></div>
    </div>
  </eui-panel-header>
  <eui-panel-footer>
    <eui-linkbutton iconCls="icon-remove" [plain]="true" (click)="onOpenDeleteDlg('deleteMore')">删除</eui-linkbutton>
    <eui-linkbutton iconCls="icon-cancel" [plain]="true" (click)="onOpenDeleteDlg('deleteAll')">清空数据</eui-linkbutton>
    <eui-linkbutton iconCls="icon-reload" [plain]="true" (click)="onReLoad()">刷新</eui-linkbutton>
  </eui-panel-footer>
</eui-panel>

<!--表格-->
<eui-datagrid [pagination]="true" [data]="data" [total]="total"
              [pageNumber]="pageNumber" [pageSize]="pageSize" [pageOptions]="pageOptions" [lazy]="true"
              (pageChange)="onPageChange($event)"
              idField="id" [loading]="loading" [loadMsg]="loadMsg" selectionMode="multiple" [(selection)]="selectRow">
  <eui-grid-column-group frozen="true" align="left" width="440">
    <eui-grid-header-row>
      <eui-grid-column cellCss="datagrid-td-rownumber" title="序号" align="center" frozen="true" width="60">
        <ng-template euiCellTemplate let-rowIndex="rowIndex">{{rowIndex + 1}}</ng-template>
      </eui-grid-column>
      <eui-grid-column field="createTime" title="时间" align="center" frozen="true" width="180"></eui-grid-column>
      <eui-grid-column field="codeType" title="邮件类型" frozen="true" width="100"></eui-grid-column>
      <eui-grid-column field="code" title="验证码" width="100"></eui-grid-column>
    </eui-grid-header-row>
  </eui-grid-column-group>
  <eui-grid-column field="sender" title="发送者邮箱" width="200"></eui-grid-column>
  <eui-grid-column field="receiver" title="接收者邮箱" width="200"></eui-grid-column>
  <eui-grid-column field="subject" title="邮件主题" width="400"></eui-grid-column>
  <eui-grid-column field="content" title="邮件内容" width="800"></eui-grid-column>
</eui-datagrid>
